{% if page == 1 %}
<div class="row text-center">
	<div id="js-message"></div>
	<a id="send-message" class="radius info button" onclick="showSendMessage({{userTo.id}})"><i class="icon-envelope-alt"></i> &nbsp;RESPONDER</a>
	&nbsp;<a data-reveal-id="reportar_panel" id="reportar" class="radius alert button"><i class="icon-warning-sign"></i> &nbsp;Reportar</a>
	{{ render(controller("AmistateBundle:Default:formDenunciar", {userInfractor:userTo, tipo: 2, extra: mensajes[0].id })) }}
	<script type="text/javascript">
		$("document").foundationCustomForms();
	</script>
</div>
{% endif %}
<div class="message-content">
	{% for mensaje in mensajes %}
		<div class="mensaje mensaje-item row">
			{% if currentUser.id == mensaje.getUsuarioFrom.id %}
				<div class="avatar pull-left">
					<img src="{{ mensaje.getUsuarioFrom.getImageDefault.getWebPath | imagine_filter('small')}}" alt="{{ mensaje.getUsuarioFrom.getNombre() }}" title="{{ mensaje.getUsuarioFrom.getNombre() }}">
				</div>
				<blockquote class="oval-thought pull-left">
					<p>{{mensaje.mensaje|nl2br}}</p>
				</blockquote>
			{% else %}
				<div class="avatar pull-right">
					<img src="{{ mensaje.getUsuarioFrom.getImageDefault.getWebPath | imagine_filter('small')}}" alt="{{ mensaje.getUsuarioFrom.getNombre() }}" title="{{ mensaje.getUsuarioFrom.getNombre() }}">
				</div>
				<blockquote class="oval-thought pull-right">
					<p>{{mensaje.mensaje|nl2br}}</p>
				</blockquote>
			{% endif %}
		</div>
	{% endfor %}
	{% if mas %}
		<div onclick="cargarMasMensajes({{userTo.id}})" class="mensaje mensaje-item text-center masMensajes">
			<a class="small button radius secondary" href="javascript:void(0)">Más Mensajes</a>
		</div>
	{% endif %}
</div>